Description

Added four new modal components for the donation management dashboard, each with a corresponding tester route for visual verification. These modals handle donation filtering, sorting, creation, and information display.

Changes Made

• [ x] Frontend changes

Files Added:
apps/frontend/src/components/DonationModals/DonationInformationModal.tsx
apps/frontend/src/components/DonationModals/DonationInformationModalTester.tsx
apps/frontend/src/components/DonationModals/NewDonationModal.tsx
apps/frontend/src/components/DonationModals/NewDonationModalTester.tsx
apps/frontend/src/components/DonationModals/SortingModal.tsx
apps/frontend/src/components/DonationModals/SortingModalTester.tsx

Files changed:
apps/frontend/src/App.tsx — added 3 new tester routes (/donation-information-modal-test, /new-donation-modal-test, /sorting-modal-test)

Testing & Verification

• [ x] Manual testing completed
• [ x] No breaking changes

Verification Steps:

• Visit /donation-information-modal-test to verify the DonationInformationModal
• Visit /new-donation-modal-test to verify the NewDonationModal
  -Visit /sorting-modal-test to verify the SortingModal
  -Visit /export-modal-test to verify the ExportModal
  -Verify checkboxes toggle correctly in DonationInformationModal
  -Verify radio buttons toggle correctly in SortingModal
  -Verify Reset clears all fields/selections in each modal
  -Verify dual range slider in DonationInformationModal moves both handles

Screenshots (if relevant)

Future Improvements/Notes

-Apply and Add buttons are not yet wired up to any backend logic

• Put a placeholder // TODO: wire up
  -Cancel button in NewDonationModal resets the form but does not close the modal

Related Issues

Closes #119